<template>
  <div class="row">
    <q-input
      borderless
      dense
      class="col q-ml-md searcher"
      color="accent"
      v-model="searchString"
      label="Search"
    />
    <q-btn
      color="secondary"
      icon="search"
      v-singular-event:search-btn="searchString"
    />
  </div>
</template>
<script setup lang="ts">
import { ref, computed } from 'vue';
const searchString = ref('');
</script>
<style lang="sass">
.searcher
  background: #0c0c0c
  padding-left: 1rem
</style>
